          <view class="orderList_bg" v-for="(item, val) in searchList" :key="val"
                        :id="item.orderId">
                        <view class="orderList">
                            <view class="orderTop">
                                <view class="orderTopRight">
                                    <view class="listTop"
                                        @click="toOrderDetail(item, item.orderNo, item.orderStatus)">
                                        <view class="listTopLeft">订单编号：{{ item.orderNo }}</view>
                                        <view class="listTopRight">{{getOrderStatusText(item.orderStatus)}} </view>
                                    </view>
                                </view>
                            </view>
                            <view class="goodsDetail">
                                <template v-if="item.orderProducts.length === 1">
                                    <view class="wraper_left"
                                        v-for="(goods, goodsIndex) in item.orderProducts"
                                        :key="goodsIndex" :id="goods.productId"
                                        @click="toOrderDetail(item, item.orderNo, item.orderStatus)">
                                        <view class="wraper_products_info">
                                            <view class="goodsPic">
                                                <img class="img" :src="goods.imgUrl" mode="widthFix" />
                                            </view>
                                            <view class="goodsText">
                                                <view class="goodsText_top">
                                                    <view class="goodsTop">
                                                        <view class="goods_T">{{ goods.productName }} </view>
                                                        <view class="goods_price">X {{ goods.num }}  </view>
                                                    </view>
                                                    <view class="goodsMiddle">
                                                        <view class="goods_specs">{{ goods.productAttrName ? goods.productAttrName : '默认' }} </view>
                                                    </view>
                                                </view>
                                                <view class="goodsText_bottom">
                                                    <view class="jifen_box" v-if="orderStatus == 8 " style="width: 100%;">
                                                        <span>退款：</span><span v-if="item.refundAmount">￥{{ item.refundAmount }}</span> 
                                                        <span v-if="item.refundPoints">
                                                            <img src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/shangcheng/jinbi.png" alt="" style="height: 10px; width: 10px;margin-left: 6px;margin-right: 6px;" />
                                                            {{ item.refundPoints }}</span>
                                                    </view>
                                                    <view class="productActualTotalPay jifen_box" v-else>
                                                        <span v-if="item.actualTotalPayAmount && Number(item.actualTotalPayAmount) !== 0" style="margin-right: 16rpx;">￥{{ item.actualTotalPayAmount }}</span>
                                                        <span v-if="item.actualTotalPayPoints && Number(item.actualTotalPayPoints) !== 0"><img
                                                                src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/shangcheng/jinbi.png"
                                                                alt=""
                                                                style="height: 10px; width: 10px;margin-left: 6px;margin-right: 6px;" />
                                                            {{ item.actualTotalPayPoints }}</span>
                                                    </view>
                                                </view>
                                            </view>
                                        </view>
                                    </view>
                                </template>
                                <template v-if="item.orderProducts.length > 1">
                                    <view class="goodsDetailInfo_wrapper" @click="toOrderDetail(item, item.orderNo, item.orderStatus)">
                                        <view class="goodsListWrapper" >
                                            <scroll-view class="top-menu-view hotSale_content"
                                                scroll-x="true" show-scrollbar="false"
                                                :class="(swiperCurrent + 1) === item.orderProducts.length ? 'last-top-menu-view' : ''"
                                                :scroll-into-view="tabCurrent"
                                                :scroll-with-animation="true">
                                                <view class="shangpinList"
                                                    v-for="(goods, goodsIndex) in item.orderProducts.slice(0,5)"
                                                    :id="'tabNum' + (goodsIndex + 1)"
                                                    :key="goodsIndex"
                                                    >
                                                    <view class="renqi_img"> <img :src="goods.imgUrl" alt="" mode="widthFix">
                                                    <view class="status_tips" v-if="goodsIndex===4" @click="toOrderDetail(item, item.orderNo, item.orderStatus)"> 查看全部</view>
                                                    </view>
                                                </view>
                                            </scroll-view>
                                        </view>
                                        <view class="goodsListText">
                                            <view class="goods_price">￥{{item.actualTotalPayAmount }}</view>
                                            <view class="goods_num">共{{ item.orderProducts.length }}件 </view>
                                        </view>
                                    </view>
                                </template>
                            </view>
                            <!-- 物流 -->
                            <template v-if="item.orderStatus !== 5 && item.orderStatus !==7">
                                <!-- 已完成付款的物流 -->
                                <view class="logistics" @click="toLogisticsDetail(item)"
                                    v-if="item.orderStatus !== 4 && (item.logisticStatus || item.latestLogisticInfo)">
                                    <img src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/logistics.png"
                                        alt="" style="width: 38rpx; height: 28rpx;">
                                    <view class="logistics_status">
                                        <span v-if="item.logisticStatus" style="font-weight: bold;margin-right: 10rpx;"> {{ formatLogisticStatus(item.logisticStatus) }}</span>
                                        <span v-if="item.latestLogisticInfo">{{ item.latestLogisticInfo }} </span>
                                    </view>
                                </view>
                                <!-- 待付款 -->
                                <view class="logistics" @click="toLogisticsDetail(item)"
                                    v-if="item.orderStatus == 4 && item.orderProductUserBuyNum && item.orderProductUserBuyNum>0">
                                    <img src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/clock.png"
                                        alt="" style="width: 28rpx; height: 28rpx;">
                                    <view class="logistics_detail">
                                        <span style="color:#FF6203;">{{ item.orderProductUserBuyNum }}</span> 人刚刚购买
                                    </view>
                                </view>
                            </template>
                            <view v-if="item.orderStatus == 7" class="logistics"
                                style="display: flex; align-items: center;">
                                <span class="logistics_status" style="color: #FF6203;">退款成功</span>
                                <span class="logistics_detail"
                                    style="display: flex; align-items: center;"> 退款金额 <span
                                        v-if="item.actualPayAmount && item.actualPayAmount !== '0'">￥{{
                                        item.actualPayAmount }}</span> <span
                                        v-if="item.usedIntegrals !== 0 && item.actualPayAmount !== '0'">\t\t
                                        +
                                        <img src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/shangcheng/jinbi.png"
                                            alt=""
                                            style="height: 10px; width: 10px;margin-left: 6px;margin-right: 6px;"
                                            v-if="item.usedIntegrals && item.usedIntegrals !== 0" />
                                        {{
                                        item.usedIntegrals }}</span>
                                </span>
                            </view>
                            <view class="btnArea">
                                <view class="btnAreaLeft" style="position: relative;width:50rpx;">
                                    <view @click="popover(item.orderNo,item)" class="moreButton"
                                        v-if="item.orderStatus == 4 || (item.orderStatus == 0 && item.orderType !== 1)">
                                        更多 </view>
                                    <view class="bubble_card"
                                        v-if="current === item.orderNo && popoverShow"
                                        :style="{top: bubbleTop + 'px', left: bubbleLeft + 'px',}">
                                        <view class="bubble-content">
                                            <!-- <view class="popup-text borderbottom"
                                                v-if="item.orderStatus !==4 && item.orderStatus!==5"
                                                @click="showTaxInvoice"
                                                :class="{'activePopup':popupCurrent==0 && (current === item.orderNo && popoverShow)}">
                                                申请开票</view> -->
                                            <!-- 待付款以及实物商品待发货时显示 -->
                                            <view class="popup-text" @click="cancelOrder(item)"
                                                v-if="item.orderStatus == 4 || (item.orderStatus == 0 && item.orderType == 0)"
                                                :class="{'activePopup':popupCurrent==1 && (current === item.orderNo && popoverShow)}">
                                                取消订单</view>
                                            <!-- 实物商品未取消 以及服务商品已付款时显示 -->
                                            <view class="popup-text" @click="delOrder(item.orderId)"
                                                v-if="item.orderType == 0 && item.orderStatus !== 5"
                                                :class="{ 'activePopup': popupCurrent == 2 && (current === item.orderNo && popoverShow) }">
                                                删除订单</view>
                                        </view>
                                    </view>
                                </view>
                                <!-- 实物商品 -->
                                <template v-if="item.orderType=='0'">
                                    <!-- 待发货 -->
                                    <view class="btnAreaRight" v-if="item.orderStatus == 0">
                                        <button type="default" plain class="blackBlackBtn r12" @click="toLogisticsDetail(item)">查看物流</button>
                                        <button type="default" plain class="blackBlackBtn" @click="changeAddress(0,item.orderStatus,item.orderId)">修改地址</button>
                                    </view>
                                    <!-- 待收货 -->
                                    <view class="btnAreaRight" v-if="item.orderStatus == '1' || item.orderStatus =='10'">
                                        <button type="default" plain class="blackBlackBtn r12"  @click="toLogisticsDetail(item)">查看物流</button>
                                        <button type="default" plain class="blackBlackBtn" @click="openCheckShouhuo(item)">确认收货</button>
                                    </view>
                                    <!-- 待评价 -->
                                    <view class="btnAreaRight" v-if="item.orderStatus == '2'">
                                        <button type="default" plain class="blackBlackBtn r12" @click="toLogisticsDetail(item)">查看物流</button>
                                        <button type="default" plain class="blackBlackBtn r12" @click="addToCart(item)">再次购买</button>
                                        <button type="default" plain class="blackBlackBtn" @click="toJudge(item)">去评价</button>
                                    </view>
                                    <!-- 已完成 -->
                                    <view class="btnAreaRight" v-if="item.orderStatus == '3'"> 
                                        <button type="default" plain class="blackBlackBtn " :class="{'r12':item.isCommentFollowups==0}" @click="toLogisticsDetail(item)">查看物流</button>
                                        <button type="default" plain class="blackBlackBtn" @click="toFollowUpJudge(item)" v-if="item.isCommentFollowups=='0'">去追评</button>
                                    </view>
                                    <!-- 待付款 -->
                                    <view class="btnAreaRight" v-if="item.orderStatus == '4'">
                                        <button type="default" plain class="blackBlackBtn r12" @click="addToCart(item)">加入购物车</button>
                                        <button type="default" plain class="blackBlackBtn r12" @click="changeAddress(0,item.orderStatus,item.orderId)">修改地址</button>
                                        <!-- <button type="default" plain class="submitBtn" @click="toPayment(item.orderNo)">继续付款</button> -->
                                        <button type="default" plain class="blackBlackBtn" @click="toPayment(item)">继续付款</button>
                                    </view>
                                    <!-- 交易关闭 -->
                                    <view class="btnAreaRight" v-if="item.orderStatus == '5'">
                                        <button type="default" plain class="blackBlackBtn r12" @click="delOrder(item.orderId)">删除订单</button>
                                        <button type="default" plain class="blackBlackBtn" @click="addToCart(item)">再次购买</button>
                                    </view>
                                    <!-- 售后 -->
                                    <view class="btnAreaRight" v-if="item.orderStatus == 7">
                                        <button type="default" plain class="blackBlackBtn" @click="delOrder(item.orderId)">删除记录</button>
                                    </view>
                                </template>
                                <!-- 服务商品 -->
                                <template v-if="item.orderType=='1'">
                                    <!-- 待付款 -->
                                    <view class="btnAreaRight">
                                        <button type="default" plain class="blackBlackBtn r12" @click="delOrder(item.orderId)">删除订单</button>
                                        <button type="default" v-if="item.orderStatus == 4" plain class="blackBlackBtn" @click="toPayment(item)">去付款</button>
                                        <button type="default" v-if="item.orderStatus == '5' || item.orderStatus == '3'" plain class="blackBlackBtn" @click="addToCart(item)">再次购买</button>
                                        <button type="default" v-if="item.orderStatus == 6" plain class="blackBlackBtn" @click="toUse">去使用</button>
                                    </view>
                                    <!-- <view class="btnAreaRight" v-if="item.orderStatus == '5' || item.orderStatus == '3' ">
                                        <button type="default" plain class="blackBlackBtn r12" @click="delOrder(item.orderId)">删除订单</button>
                                        <button type="default" plain class="blackBlackBtn" @click="addToCart()">再次购买</button>
                                    </view>
                                    <view class="btnAreaRight" v-if="item.orderStatus == 6  ">
                                        <button type="default" plain class="blackBlackBtn r12" @click="delOrder(item.orderId)">删除订单</button>
                                        <button type="default" plain class="blackBlackBtn" @click="toUse">去使用</button>
                                    </view> -->
                                </template>
                            </view>
                        </view>
                    </view>